﻿<div class="modal-header">
    <h3 class="modal-title">Add Widget</h3>
</div>
<div class="modal-body">
    <form class="form-horizontal" role="form">
        <div class="form-group">
            <label for="widgetId" class="col-lg-2 control-label">Id</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.id" placeholder="id..." id="widgetId" class="form-control input-lg" />
            </div>
        </div>
        <div class="form-group">
            <label for="widgetDescription" class="col-lg-2 control-label">Description</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.description" placeholder="description..." id="widgetDescription" class="form-control input-lg" />
            </div>
        </div>
        <div class="form-group">
            <label for="renderer" class="col-lg-2 control-label">Renderer</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.rendererId" placeholder="renderer..." id="renderer" class="form-control input-lg" />
            </div>
        </div>
        <div class="form-group">
            <label for="templatesFolder" class="col-lg-2 control-label">Templates Folder</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.templatesFolder" placeholder="templates folder..." id="templatesFolder" class="form-control input-lg" />
            </div>
        </div>
        <div class="form-group">
            <label for="markupTemplate" class="col-lg-2 control-label">Markup Template</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.markupTemplate" placeholder="markup template..." id="markupTemplate" class="form-control input-lg" />
            </div>
        </div>
        <div class="form-group">
            <label for="cssTemplate" class="col-lg-2 control-label">CSS Template</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.cssTemplate" placeholder="css template..." id="cssTemplate" class="form-control input-lg" />
            </div>
        </div>
        <div class="form-group">
            <label for="scriptTemplate" class="col-lg-2 control-label">Script Template</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.scriptTemplate" placeholder="script template..." id="scriptTemplate" class="form-control input-lg" />
            </div>
        </div>
        <div class="form-group">
            <label for="sampleTemplate" class="col-lg-2 control-label">Sample Template</label>
            <div class="col-lg-10">
                <input type="text" ng-model="widget.sampleTemplate" placeholder="sample template..." id="sampleTemplate" class="form-control input-lg" />
            </div>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button class="btn btn-primary" ng-click="ok()">OK</button>
    <button class="btn btn-default" ng-click="cancel()">Cancel</button>
</div>